<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover">
    <!--    <meta content="telephone=no" name="format-detection">-->
    <meta name="google" value="notranslate">
    <meta name="root-url" value="">
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <meta property="title" content="">
    <meta property="key" content="">
    <meta property="description" content="">
    <title>用户中心</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/app-base.css">
    <link rel="stylesheet" href="css/app-main.css">
    <script type="text/javascript" src="js/zepto.js"></script>
    <script type="text/javascript" src="js/zepto.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>


    <script src="js/vue.min.js"></script>
    <script src="js/vue-resource.min.js"></script>
    <script  src="js/_config.json"></script>

</head>
<body>
<style>
    .pro_type_grid .pro_item{
        width: calc(50% - .21rem * 2);
    }
    .header-search-txt{
        padding-left: 24px;
padding-right: 10px;
        width: 100%;
        background: #dddcdc;
       /* margin-left: 10px;
        margin-right: 10px;*/
        height: 25px;
        border-radius: 50px;
    }
    .page-header-background.header-title{
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        line-height: 44px;
    }
    .pro_item .cover .photo{
        height:30px !important
    }
    .pro_item .cover{
        text-align: center;
    }
    .pro_item .item_inner{
        display: grid;
        grid-template-rows: auto auto;
        margin-bottom: 5px;
        background: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 55px;
    }
    .pro_item div{
        text-align: center;
        font-size: 13px;
    }
    body{
        background: #eee;
        height: 100%;
    }
    .pro_item{
        display: grid;
grid-template-columns: auto auto;
grid-column-gap: 5px;
    }
    .page-header-background.header-title{
        background: #40af41;
    }
    .p1{
        padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
background: #fff;
padding-top: 6px;
margin-top: -6px;
    }
    .p2{
        margin-left: 10px;
margin-right: 10px;
font-size: 10px;
text-align: center;
margin-bottom: 10px;

    }
    .c1{
        color: #888;
    }
    .d3{
        margin-bottom: 10px;
margin-top: 10px;
    }
    .d4{
        text-align: center;
        margin-bottom: 75px;
        position: fixed;
margin-top: 80px;
bottom: 0px;
width: 100%;
    }
    .but-lx{
    border: none;
width: 70%;
background: #f08818;
color: #fff;
line-height: 30px;
  border-radius: 50px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #40af41 !important;
}
.swiper-pagination-bullet{
    width: 5px !important;
height: 5px !important;
border-radius: 50px !important;
background: #888 !important;
}
.pp1{
    text-align: center;
color: #fff;
background: #40af41;
line-height: 44px;
font-size: 14px;
}
.pp2 img{
 width: 30px;
 height: 30px;
 margin-top: 10px;
}
.pp2{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #cecbcb;
    text-align: center;
}
.pp3{
    display: grid;
grid-template-columns: auto 50px auto;
padding-top: 30px;
/*padding-bottom: 34px;*/
background: #fff;
}
.text{
    padding-top: 15px;
    font-size: 10px;
}
body{
    background: #cecece;
}
.ppi5 img{
    height: 20px;
    width: auto;
margin-top: 10px;
}
.ppi5 a{
    display: grid;
grid-template-columns: auto 15px;
line-height: 40px;
background: #fff;
margin-right: 10px;
margin-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #cecece;
}
.ppi5{
margin-top: 15px;
background: #fff;
margin-bottom: 15px;
}
.active .fb-user {
  background-position: -3.6rem 0 !important;
}
.fb.fb-user{
    background-image: url(../images/user1.png) !important;
    background-position: 0 0 !important;
}
.fb.fb-home{
    background-image: url(../images/home1.png) !important;
    background-position: 0 0 !important;
}
.nav-controller{
    color:#40af41 !important
}
.nav-controller.active{
    color:#888 !important
}
.folc{
    font-size: 12px;
}
.footer{
    height: 44px;
}


.pc12{
    padding-bottom: 65px;
}

.pp1{
    position: fixed !important;
top: 0px !important;
width: 100% !important;
z-index: 999 !important;
}
.folc{
    margin-top: 44px;
}
.but-lx.folc{
    margin-top: 0px;
}
</style>
<div id="vue-main">
<div class="folc">
    <div class="pp1" style="font-size: 14px;">拼宠宠</div>
    <div class="pp3">
        <div></div>
        <a href="sign.html" class="pp2">
            <img src="images/user.png">
            
        </a>
        <div></div>
    </div>
    <div class="text"  style="white-space:nowrap;text-align: center;background: #fff;
padding-bottom: 28px;">{{nickname?nickname:"未登录"}}</div>

    <div class="ppi5">
        <a href="tel:13888888888">
            <div>客服热线</div>
            <img src="images/iconfont-jiantou.png">
        </a>
        <a href="about.html">
            <div>关于我们</div>
            <img src="images/iconfont-jiantou.png">
        </a>
        <a href="xy.html">
            <div>平台交易条款</div>
            <img src="images/iconfont-jiantou.png">
        </a>
        <a href="ts.html">
            <div>投诉与建议</div>
            <img src="images/iconfont-jiantou.png">
        </a>
        <a href="hezuo.html" style="border: none;">
            <div>合作商户</div>
            <img src="images/iconfont-jiantou.png">
        </a>
    </div>
</div>


<div class="p2 c1">
  
    <div>客服工作时间：9:00~18:00，若有回复不及时，请耐心等待，客服会在上班后第一时间联系您！</div>
</div>

<div class="p2 c1 pc12">版权所有.拼宠宠</div>

<div class="d4">
    <button class="but-lx folc">联系客服</button>
</div>



    <div id="footer" class="page-footer">
        <ul class="footer">
            <li><a id="footer_home" class="nav-controller active " href="/"><i class="fb fb-home"></i>首页</a></li>
           

            <li><a id="footer_personal" class="nav-controller" href="user.html"><i class="fb fb-user"></i>关于拼宠宠</a></li>
        </ul>
    </div>
</div>
<script>
    var vm = new Vue({
        el: '#vue-main',
        data() {
            return {
                nickname: ""
            }
        },
        created(){
           // let url=window.location.search;
           // let urlParams = new URLSearchParams(url);
           // this.url = urlParams.get("id");
           // if(this.url==0){
           //     url=window.location.href;
           //    // window.location.href=url;
           // }
            this.getUserInfo();
        },
        mounted(){
            
        },
        methods: {
           
            getUserInfo:function(){
                this.$http.post(siteConfig.BaseUrl+'/h5/api/?url=userinfo',{
                    token:localStorage.getItem("__token__")
                },{emulateJSON: true}).then(function(res){
                    this.nickname=res.body.data.nickname;
                },function(){
                    console.log("request fail");
                })
            }
        }
    })
    
</script>



    
</body>
</html>


